<!DOCTYPE html>
<!--[if IE 7 ]>   <html lang="en" class="ie7 lte8"> <![endif]--> 
<!--[if IE 8 ]>   <html lang="en" class="ie8 lte8"> <![endif]--> 
<!--[if IE 9 ]>   <html lang="en" class="ie9"> <![endif]--> 
<!--[if gt IE 9]> <html lang="en"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<!--[if lte IE 9 ]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->

<!-- iPad Settings -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> 
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, width=device-width">
<!-- iPad End -->

<title>Admin CMS <?php echo ($headTitle != '') ? ' - ' . $headTitle : '' ?></title>

<link rel="shortcut icon" href="favicon.ico">

<!-- iOS ICONS -->
<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />
<link rel="apple-touch-startup-image" href="touch-startup-image.png">
<!-- iOS ICONS END -->

<!-- STYLESHEETS -->
<?php echo $combinedCss ?>
<style type = "text/css">
    #loading-container {position: absolute; top:50%; left:50%;}
    #loading-content {width:800px; text-align:center; margin-left: -400px; height:50px; margin-top:-25px; line-height: 50px;}
    #loading-content {font-family: "Helvetica", "Arial", sans-serif; font-size: 18px; color: black; text-shadow: 0px 1px 0px white; }
    #loading-graphic {margin-right: 0.2em; margin-bottom:-2px;}
    #loading {background-color: #eeeeee; height:100%; width:100%; overflow:hidden; position: absolute; left: 0; top: 0; z-index: 99999;}
</style>

<!-- STYLESHEETS END -->

<!--[if lt IE 9]>
<script src="<?php echo STATIC_DOMAIN ?>js/admin/html5.js"></script>
<script type="text/javascript" src="<?php echo STATIC_DOMAIN ?>js/admin/selectivizr.js"></script>
<![endif]-->
<?php echo $combinedJs ?>
</head>
<body style="overflow: hidden;">
    <div id="loading"> 
        <script type = "text/javascript"> 
            var base_url = '<?php echo STATIC_DOMAIN ?>';
            document.write("<div id='loading-container'><p id='loading-content'>" +
                           "<img id='loading-graphic' width='16' height='16' src='"+base_url+"images/admin/ajax-loader-eeeeee.gif' /> " +
                           "Loading...</p></div>");
        </script> 
    </div> 

    <div id="wrapper">
        <header>
            <h1><a href="<?php echo site_url('admin') ?>">Admin CMS</a></h1>
            <nav>
				<ul id="main-navigation" class="clearfix">
                    <li class="fr dropdown"> 
                        <a href="#" class="with-profile-image"><span class="image"><img src="<?php echo STATIC_DOMAIN ?>images/admin/profile-image.png" /></span>Xin chào : <span style="color:red;font-weight: bold;"><?php echo $this->session->userdata('u_acc') ?></span></a> 
                        <ul> 
                            <li><a href="<?php echo site_url('admin/auth/logout'); ?>">Đăng xuất</a></li> 
                        </ul>
                    </li> 
				</ul> 
            </nav>
        </header>